<template>
	<view class="login">
		<!-- 头像 -->
		<image class="img" src="../../../static/icons/leju-logo.png"></image>
		<!-- 账号 - 密码 -->
		<view class="main">
			<view class="box">
				<input class="ipt" type="text" v-model="username" />
			</view>
			<view class="box">
				<input class="ipt" type="password" v-model="password" />
			</view>
		</view>
		<!-- 登陆 -->
		<view class="btn" @tap="login">登 陆</view>
		<!-- 找回密码 - 注册账号 -->
		<view class="footer">
			<view class="text" @tap="goResetPassword">找回密码</view>
			<view class="line">|</view>
			<view class="text" @tap="goRegister">注册账号</view>
		</view>
	</view>
</template>

<script>
	import { doLogin } from '../../../api/user/index.js'
	export default {
		data() {
			return {
				username: '17596496508', // 登陆 - 账号
				password: '123456', // 登陆 - 密码
			};
		},
		onLoad() {
			
		},
		methods:{
			// 登陆
			login(){
				doLogin({
					"username": this.username,
					"password": this.password
				}).then(res=>{
					// 本地存储token
					uni.setStorageSync("token",res.data.data.token);
					// 成功提示
					uni.showToast({
						title: '登录成功',
						success(res) {
							// 返回user - 延迟1s
							setTimeout(function () {
							  uni.switchTab({
							  	url: '../user'
							  })
							}, 1000);
						}
					})
				})
			},
			// 找回密码
			goResetPassword(){
				uni.navigateTo({
					url:'../resetPassword/resetPassword'
				})
			},
			// 注册账号
			goRegister(){
				uni.navigateTo({
					url:'../register/register'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
@import './index.scss'
</style>
